<html>
<head>
    <title>Graham's SRTM Images</title>
 
    <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
    <script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>
 
    <script type="text/javascript">
      var lat=54.5
      var lon=-1.10
      var zoom=7
 
      var map; //complex object of type OpenLayers.Map
 
      //Initialise the 'map' object
      function init() {
          map = new OpenLayers.Map ("map", {
          controls:[
                    new OpenLayers.Control.Navigation(),
                    new OpenLayers.Control.PanZoomBar(),
                    ],
                maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
                maxResolution: 156543.0399,
                numZoomLevels: 19,
                units: 'm',
                projection: new OpenLayers.Projection("EPSG:900913"),
                displayProjection: new OpenLayers.Projection("EPSG:4326")
            } );
 
 
//	    var newLayer = new OpenLayers.Layer.OSM("SRTM", "file:///home/disk2/OSM/eleserver/srtm_tilegen/tiles/", {numZoomLevels: 17, transparent: 'true', isBaseLayer: false, opacity: 0.5});
	    var newLayer = new OpenLayers.Layer.OSM("SRTM", "http://maps.webhop.net/srtm", {numZoomLevels: 17, transparent: 'true', isBaseLayer: false, opacity: 0.5});
	    map.addLayer(newLayer);

            layerTilesAtHome = new OpenLayers.Layer.OSM.Osmarender("Osmarender",{transparent: 'false', isBaseLayer: 'true', opacity: 1});
//	    layerTilesAtHome.setOpacity(0.5);
            map.addLayer(layerTilesAtHome);

 
	    map.addControl(new OpenLayers.Control.LayerSwitcher());
            if( ! map.getCenter() ){
                var lonLat = new OpenLayers.LonLat(lon, lat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
                map.setCenter (lonLat, zoom);
            }
        }
 
    </script>
</head>
 
<!-- body.onload is called once the page is loaded (call the 'init' function) -->
<body onload="init();">
 
    <!-- define a DIV into which the map will appear. Make it take up the whole window -->
    <div style="width:100%; height:100%" id="map"></div>
 
</body>
 
</html>
